<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>构造器</title>
    <!-- 1.引入本地资源-->
    <script src="../js/vue-dev.js"></script>
    <!-- 2.引入外部资源-->
    <!--<script src="https://unpkg.com/vue"></script>-->
</head>

<body>
    <!--
        1、每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的；
        2、在实例化 Vue 时，需要传入一个 选项对象，
            它可以包含 数据、模板、挂载元素、方法、生命周期钩子 等选项；
        3、可以扩展 Vue 构造器，从而用预定义选项创建可复用的组件构造器；
        4、所有的 Vue.js 组件其实都是被扩展的 Vue 实例；

    -->

    <script>
        //1.通过构造器创建vue实例
        var vm = new Vue({
            // 选项
        })

        //2.可扩展的vue构造器
        var MyComponent = Vue.extend({
            // 扩展选项
        })
        // 所有的 `MyComponent` 实例都将以预定义的扩展选项被创建
        var myComponentInstance = new MyComponent()

    </script>

</body>

</html>